<!DOCTYPE html>
<!--学生管理-->
<html>
<head>
    <meta charset="utf-8">
    <title>智慧校园-学生管理</title>
    <!--   Layui的js-->
    <script type="text/javascript"
            th:src="@{/libs/layui/layui.js}"
            charset="utf-8"></script>
    <!--Layui的css-->
    <link rel="stylesheet"
          th:href="@{/libs/layui/css/layui.css}"
          media="all">
    <style>
        .layui-table-cell .layui-form-checkbox[lay-skin="primary"] i .layui-form-checkbox i {
            top: -6%;
            transform: translateY(-50%);
        }
        .layui-table-cell{    height: 39px;
            line-height: 36px;}
    </style>
</head>
<body>
<div style="display:table-cell">
    <div id="kechengList" tabindex="-1" >
        <div style="margin:0 auto">
            <div>
                <div class="modal-header">
                    <h2 id="myModalLabel">课程表信息</h2>
                </div>

                <div>
                    <div>
                        <h1 style="text-align: center;">课程表</h1>
                        <table class="tftable" style="height: 600px;float: right;">
                            <thead>
                            <tr>
                                <th scope="col"></th>
                                <th scope="col">星期一</th>
                                <th scope="col">星期二</th>
                                <th scope="col">星期三</th>
                                <th scope="col">星期四</th>
                                <th scope="col">星期五</th>
                            </tr>
                            </thead>

                            <tbody style="text-align: center;">
                            <tr style="height: 80px">
                                <th scope="row">1-2节
                                </th>
                                <td id="table_1_1"></td>
                                <td id="table_2_1"></td>
                                <td id="table_3_1"></td>
                                <td id="table_4_1"></td>
                                <td id="table_5_1"></td>

                            </tr>
                            <tr style="height: 80px">
                                <th scope="row">3-4节
                                </th>
                                <td id="table_1_2"></td>
                                <td id="table_2_2"></td>
                                <td id="table_3_2"></td>
                                <td id="table_4_2"></td>
                                <td id="table_5_2"></td>
                            </tr>
                            <tr style="height: 80px">
                                <th scope="row">5-6节
                                </th>
                                <td id="table_1_3"></td>
                                <td id="table_2_3"></td>
                                <td id="table_3_3"></td>
                                <td id="table_4_3"></td>
                                <td id="table_5_3"></td>
                            </tr>
                            <tr style="height: 80px">
                                <th scope="row">7-8节
                                </th>
                                <td id="table_1_4"></td>
                                <td id="table_2_4"></td>
                                <td id="table_3_4"></td>
                                <td id="table_4_4"></td>
                                <td id="table_5_4"></td>
                            </tr>
                            <tr style="height: 80px">
                                <th scope="row">9-10节
                                </th>
                                <td id="table_1_5"></td>
                                <td id="table_2_5"></td>
                                <td id="table_3_5"></td>
                                <td id="table_4_5"></td>
                                <td id="table_5_5"></td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<style>
    table.tftable,
    table.table-count {
        font-size: 12px;
        color: #333333;
        width: 1200px;
        border-width: 1px;
        border-collapse: collapse;
    }

    table tbody tr:nth-child(2n+1) {
        background: #F5F5F5;
    }

    table.table-count th,
    table.table-count td {
        font-weight: 400;
        font-style: normal;
        font-size: 12px;
        border-width: 1px;
        border-style: solid;
        border-color: #e4e4e4;
        text-align: center;
    }

    table.tftable th,
    table.tftable td {
        font-weight: 400;
        font-style: normal;
        font-size: 12px;
        border-width: 1px;
        padding: 8px;
        border-style: solid;
        border-color: #e4e4e4;
        text-align: left;
        text-align: center;
    }

    .tftable {
        margin-left: 1%;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    table.tftable tr:hover {
        background: #C3ECFF;
    }

    .tftable>thead>tr:hover {
        background: white;
    }
</style>

<script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script>
<script>
    L2Dwidget.init({
        "model": {
            //jsonpath控制显示那个小萝莉模型，下面这个就是我觉得最可爱的小萝莉模型，替换时后面名字也要替换掉
            jsonPath: "https://unpkg.com/live2d-widget-model-koharu@1.0.5/assets/koharu.model.json",
            "scale": 1
        },
        "display": {
            "position": "right", //看板娘的表现位置
            "width": 200,  //小萝莉的宽度
            "height": 400, //小萝莉的高度
            "hOffset": 100,
            "vOffset": -40,
        },
        "mobile": {
            "show": true,
            "scale": 0.5
        },
        "react": {
            "opacityDefault": 0.7,
            "opacityOnHover": 0.2
        }
    });
</script>
<style type="text/css">

    table{
        border-collapse: collapse;
        width: 800px;
        height: 400px;
        margin: 50px 0 0 100px;
        border-color: #000000;
        text-align: center;
    }
    td{
        color: #000000;
    }
    th{
        text-align: center;
        color: #000000;
    }
</style>

    <!--jquery的js-->
<script type="text/javascript"
        th:src="@{/libs/jquery/jquery-3.5.1.js}"></script>
    <!--引入自己的JS代码-->
<script type="text/javascript"
    th:src="@{/js/student/cur/list.js}"></script>


</body>
</html>
